<template>
    <el-card shadow="never" style="max-height: 700px; overflow: auto">
        <el-form ref="form" :model="form" :rules="rules" label-width="90px" :disabled="disabled">
            <el-form-item label="id:" prop="id" v-show="false">
                <el-input v-model="form.id" disabled />
            </el-form-item>

            <!-- <el-form-item label="一级" prop="pid">
            <SelectPage v-model="form.pid" :url="'/admin/qustiontype/selectPage'" show_field="title" placeholder="一级" query_field="title" :multiple="false" />
            </el-form-item> -->

            <el-form-item label="问题分类:" prop="title">
                <el-input v-model="form.title" placeholder="分类" clearable />
            </el-form-item>

            <el-form-item label="排序:" prop="sort">
                <el-input v-model="form.sort" placeholder="排序" clearable />
            </el-form-item>
            
            <el-form-item>
                <el-button type="primary" @click="submitForm">确认 </el-button>
                <el-button type="warning" @click="cancel">取消 </el-button>
            </el-form-item>
        </el-form>
    </el-card>
</template>

<script>
export default {
name: 'EditForm',
props: {
    findFormData: {
        type: Object,
        default: {}
    },
    editFormParams: {
        type: Object,
        default: {}
    },
    // 表单是否禁用
    disabled: {
        type: Boolean,
        default: false,
    },
    
},
data() {
    return {
        // 编辑表单验证规则
        rules: {
            title: [{ required: true, message: "请输入问题分类", trigger: "blur" }],
            pid: [{ required: true, message: "请输入分类id", trigger: "blur" }],
    
        },
        form: {  },
      

    }
},
watch: {
    findFormData: {
       handler(nval) {
            if (JSON.stringify(nval) != '{}') {
                this.$nextTick(() => {
                    this.form = nval
                })
            }
        },
        immediate: true,
        deep: false,
    },
    
},
methods: {
    // 取消按钮
    cancel() {
        this.$emit('editFormCancel')
    },

    submitForm() {
        this.$refs['form'].validate((valid, obj) => {
            if (valid) {
                this.$emit('submitForm', this.form)
            }
        })
    },

    // 表单重置
    reset() {
        this.resetForm('form')
    }
}
}
</script>
